<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 先引入 Vue -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

<title>element组件</title>
</head>
<body>
<div id="app">
<!-- <el-button>按钮</el-button>没下面的vue 就不会出现边框 -->
<el-button type="primary" @click="show">按钮</el-button> <!-- 边框变蓝 -->
<!-- 另一个弹窗 -->
<el-dialog :visible.sync="visible" title="你好!">
<p>欢迎来到湖汽，我高傲的王~</p>
</el-dialog>


</div>
<script>
new Vue({
el:'#app',
data:{
	visible:false
},
methods:{
	
	show:function(){
		// alert('yes.Commander!')
		this.visible=true;
	}
	
}
})
</script>

</body>
</html>
